{% extends "trees/base.html" %}
{% block title %}Get started - JM3{% endblock %}
{% block content %}
<div class="col-12 col-md-6 mx-auto" style="margin-top:6vh;">
  <div class="progress mb-4" style="height:6px;"><div class="progress-bar bg-jm3" style="width:16%"></div></div>
  <h3 class="mb-1">Welcome to JM3</h3>
  <p class="text-muted">What would you like to manage?</p>
  <form method="post">
    {% csrf_token %}
    <div class="row g-3">
      {% for value, icon, label in options %}
      <div class="col-6">
        <button type="submit" name="manages" value="{{ value }}" class="action-btn w-100">
          <span class="ico">{{ icon }}</span>{{ label }}
        </button>
      </div>
      {% endfor %}
    </div>
  </form>
</div>
{% endblock %}
{% block extra_js %}{% endblock %}